首页 > 站长入门 > 小程序 > > 微信小程序分享到朋友圈

微信小程序分享到朋友圈

时间 : 2022-10-27 编辑 :admin

微信低调发布了小程序测试功能:“小程序分享到朋友圈”，这个看似微小的变化，对微信小程序来说意义重大。

目前小程序分享到朋友圈有以下2个限制：

a.仅支持Android平台，ios平台暂不支持
b.微信基础库限制2.11.3及以上

开发者设置分享小程序到朋友圈，有2种方式：

wx.showShareMenu()，支持快速分享到朋友圈使用默认小程序标题，分享图为小程序logo，不可自定义参数。（uni-app已支持）

wx.showShareMenu({
  menus: ['shareAppMessage', 'shareTimeline'] //shareAppMessage必须得有
})

onShareTimeline()，支持自定义分享到朋友圈的小程序标题、分享图，自定义query参数。（uni-app截止发文暂不支持）

//注意必须得设置允许&ldquo;发送给朋友&rdquo;onShareAppMessage，是设置onShareTimeline的前提，否则不支持分享到朋友圈
onShareAppMessage: () => {
},
onShareTimeline: () => {
  return {
    title: "测试小程序朋友圈分享",
    query: "id=110101&name=heyzqt",
    imageUrl: "https://example.cn/test.png"
  }
},

单页模式

用户在朋友圈打开分享的小程序页面，虽然是小程序里的一个页面，但是不会真正打开小程序，可以理解成只用来预览的一个单页小程序模板。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26 Page({
//页面的初始数据
data:{
},
//自定义函数
// 用户点击右上角分享给好友,要先在分享好友这里设置menus的两个参数,才可以分享朋友圈
onShareAppMessage: function() {
wx.showShareMenu({
withShareTicket: true,
menus: ['shareAppMessage', 'shareTimeline']
})
},
//用户点击右上角分享朋友圈
onShareTimeline: function () {
return {
title: '',
query: {
key: value
},
imageUrl: ''
}
},
//生命周期函数--监听页面加载
onLoad: function(options) {
},
})

头条文章